// pages/my/carbonCredit/index.js
import * as echarts from '../../../ec-canvas/echarts';

var carbonCredit = null

function initChart(canvas, width, height, dpr) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // new
  });
  canvas.setChart(chart);

  var option = {
    backgroundColor: "#ffffff",
    tooltip: {
      formatter: '{a} <br/>{b} : {c}%'
    },
    color: {
      type: 'linear',
      colorStops: [{
          offset: 0, color: '#beedb6' // 0% 处的颜色
      }, {
          offset: 1, color: '#78b878' // 100% 处的颜色
      }],
      global: false // 缺省为 false
    },
    series: [
      {
        name: 'Pressure',
        type: 'gauge',
        min: 0,
        max: 100,
        progress: {
          show: true
        },
        detail: {
          valueAnimation: true,
          formatter: '{value}'
        },
        data: [
          {
            value: carbonCredit,
            name: '碳信用'
          }
        ]
      }
    ]
  };

  chart.setOption(option, true);

  return chart;
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    ec: {
      onInit: initChart
    },
    // carbonCredit: 0
  },

  goToRight: function() {
    wx.navigateTo({
      url: "../carbonCreditRight/index"
    })
  },

  goToDetail: function() {
    wx.navigateTo({
      url: "../carbonCreditDetail/index"
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    carbonCredit = options.num
    // carbonCredit = 670
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})